<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
	<title>模块化设计</title>
	<style type="text/css">
	* {
		padding: 0;
		margin: 0;
	}
</style>
</head>
<body>
<button>后盾人</button>
<div id="container" class="container">
	<h1>模块化设计</h1>
	<div class="box">
		<button message="后盾人">button</button>
		<button message="hdcms">button</button>
	</div>
</div>
<script type="module">
// 方法1
// import { site, func } from "./modules/hd3.js";
// import hd from "./modules/hd3.js";
// 
// 方法2 
// import  hd, { site, func } from "./modules/hd3.js";

// 方法3
// import  { site, default as hd, func } from "./modules/hd3.js";

// 方法4
import  * as api from "./modules/hd3.js";
const {func, site, default: hd} =  api



console.log(hd);
hd.show()

console.log(site, func)

</script>
<!-- <script src="index.js"></script> -->
<script type="text/javascript">

</script>
</body>
</html>